﻿body{
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: #051D42;
  height: 100vh;
}

*,.ztree *{
  font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
}

input,select,.btn,.input-group-addon,textarea.form-control,.form-control{
  border: 1px solid #5F9CD7 !important;
}

input.form-control,select.form-control,.btn-link,.input-group-addon,textarea.form-control,.form-control{
  background: #cdd2d9;
}

.navbar.navbar-default.navbar-fixed-top{
  background: #00193F;
  height: 60px;
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
  color: #f2f2f2;
}

#menuul{
  margin: 15px;
  border: 1px solid rgba(1,46,100,1.0);
}

#logoutul{
    padding-top: 0px;
    display: block;
    height: 60px;
}


#logoutul> li > a{
    line-height: 60px;
    padding: 0 0;
    text-align:center;
}

#menuul > li > a {
    color: #f2f2f2;
    padding: 5px 20px;
    background: transparent;
}

#menuul > li.active > a {
    color: #00B1D9;
}

.groupimg{
    background: url(../../../content/img/groupbtn.png) no-repeat;
}

.grouplabel{
    padding-left:25px;
    background-position-y: 5px;
    height: 35px;
    line-height: 30px; 
    margin-bottom: 0px;
}

.commonlabel{
    padding-left:10px;
    background-position-y: 5px;
    height: 35px;
    line-height: 30px; 
    margin-bottom: 0px;
    font-weight: normal;
}

  /*#dt_example .dataTables_length {
    display: none; }*/
  #dt_example .dataTables_filter {
    float: right; 
    display:none;
  }
    #dt_example .dataTables_filter input {
      width: 160px;
      margin-bottom: 0;
      outline: none;
      border: 1px solid #e6e6e6; }
  /*#dt_example .dataTables_info {
    float: left;
    margin-bottom: 5px; }
  #dt_example .dataTables_paginate {
    margin: 5px 0;
    float: right; }
    #dt_example .dataTables_paginate .first, #dt_example .dataTables_paginate .previous, #dt_example .dataTables_paginate .next, #dt_example .dataTables_paginate .last {
      display: none; }
    #dt_example .dataTables_paginate .paginate_button, #dt_example .dataTables_paginate .paginate_active {
      background: #f2f2f2;
      margin: 1px;
      padding: 5px 10px; }
      #dt_example .dataTables_paginate .paginate_button:hover, #dt_example .dataTables_paginate .paginate_active:hover {
        background: #e6e6e6;
        cursor: pointer; }
    #dt_example .dataTables_paginate .paginate_active {
      background: #3693cf;
      color: white; }*/
  /*#dt_example .dataTable .sorting {
    cursor: pointer;
    background: url(../../jquery_datatables/images/sort_both.png) no-repeat center right; }
  #dt_example .dataTable .sorting_asc {
    cursor: pointer;
    background: url(../../jquery_datatables/images/sort_asc.png) no-repeat center right; }
  #dt_example .dataTable .sorting_desc {
    cursor: pointer;
    background: url(../../jquery_datatables/images/sort_desc.png) no-repeat center right; }*/


        .btn-primary {
            text-decoration: none;
            background: url(../../img/btnbg2.png);
            color: #f2f2f2;
        }

        .btn-default,.paginate_button>a {
            text-decoration: none;
            background: #CDD2D9;
            color: #051d42;
        }


        .btn-default:hover,.btn-default:active {
            text-decoration: none;
            background: #ccc;
        }

        .badge-important {
            background-color: #b94a48;
            margin-right: 5px;
        }

        .fa.normal {
            background: #4bce1e;
            width: 28px;
            height: 28px;
            font-size: 18px;
            line-height: 28px;
            border-radius: 14px;
            text-align: center;
            color: #fff;
            cursor: pointer;
        }

        .fa.normal:hover {
            background: #4bc01e;
        }

        .fa.disabled {
            width: 28px;
            height: 28px;
            font-size: 18px;
            line-height: 28px;
            border-radius: 14px;
            text-align: center;
            color: #fff;
            background: #bbb;
            cursor: not-allowed;
        }

        .modal-dialog {
            min-width: 1000px;
        }

        .clearfix:before, .clearfix:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .line {
            height: 25px;
            width: 1px;
            background: #ddd;
        }

        label.leftborder {
            border-left: 2px solid #55bffc;
            padding-left: 15px;
        }

        .navbar-default .navbar-nav > li > a {
            font-size: 16px;
            text-decoration: none;
        }

        
        .ztree *,#tree_project{
            
            opacity:0.97 !important;

            scrollbar-arrow-color: #435580; 
            scrollbar-face-color: #435580; 
            scrollbar-3dlight-color: #2B3E66; 
            scrollbar-highlight-color: #2B3E66; 
            scrollbar-shadow-color: #2B3E66; 
            scrollbar-darkshadow-color: #2B3E66; 
            scrollbar-track-color: #2B3E66; 
        }

        .btn_addprogress_item,.btn_progressinfo_item,.btn_4d_item{
            border-radius: 20px;
            padding: 5px 9px;
            margin: 1px 1px 1px 1px;
        }

        #jdlbModal_datatable tr td .btn,#plwh_datatable tr td .btn{
            border-radius: 20px;
            padding: 5px 9px;
            margin: 1px 1px 1px 1px;
        }

        /*.modal_body_content h5 span{
            border-left: 2px solid black;
            padding-left: 10px;
            
        }
        .modal_body_content h5 label{
            margin-right: 10px;
            
        }*/

        table tbody tr.deled_row{
            display:block;

        }


        table tbody .select_blue td{
            background-color :#428bca !important;
        }

        table tbody tr td i.flag_1{
            color: #5bc0de;
            
            margin: 5px 5px 5px 5px;
        }

        table tbody tr td i.flag_2{
            color: #f0ad4e;
            
            margin: 5px 5px 5px 5px;
        }

        table tbody tr td i.flag_3{
            color: black;
            
            margin: 5px 5px 5px 5px;
        }
        
        .dataTables_info{
            display:block;
        }

        .ztree li a.curSelectedNode{
            color:#00b1d9;
        }

        .leftheader{
            height:35px;
            background: url(../../img/leftheader.png) no-repeat  ;
            background-size:250px 35px;
            /*background: -webkit-linear-gradient(rgba(6,91,145,1.0), rgba(12,92,151,1.0), rgba(5,39,91,1.0)); /* Safari 5.1 - 6.0 */
            /*background: -o-linear-gradient(rgba(6,91,145,1.0), rgba(12,92,151,1.0), rgba(5,39,91,1.0)); /* Opera 11.1 - 12.0 */
            /*background: -moz-linear-gradient(rgba(6,91,145,1.0), rgba(12,92,151,1.0), rgba(5,39,91,1.0)); /* Firefox 3.6 - 15 */
            /*background: linear-gradient(rgba(6,91,145,1.0), rgba(12,92,151,1.0), rgba(5,39,91,1.0)); /* 标准的语法（必须放在最后） */
            border-top-left-radius: 5px; 
            border-top-right-radius: 5px;
        }

        #logo{
            background: url(../../img/logotitle.png) no-repeat;
            width: 350px;
            height: 60px;
        }

        .modal-header,.modal-footer{
            /*border:2px solid #000;  //盒子边框宽度为20px*/
            border-style:2px solid;
            border-image:url(../../img/modalborder.png) 2 2 stretch;
        }

        .modal-header .close{
            opacity: 0.7;
            width: 23px;
            height: 23px;
            background: url(../../img/close.png) no-repeat !important;
        }

        .close:hover, .close:focus{
            opacity: 0.9;
        }


        body{
            background: url(../../img/bg_big.png) repeat-y !important;
            background-size: cover;
        }

        .modal-content{
            background: url(../../img/bg_big.png) repeat-y !important;
            background-size: cover;
        }

        .table-bordered{
            border-color: #5F9cD7;
        }

        th{
            background: #bfc4cc;
        }

        
/*        datatable偶数行颜色*/
        tr>td,.dataTables_empty{
            background: #cdd2d9;
        }
        /*datatable行被选中的颜色*/
        tr.selected td{
            background: #87CEEB !important;
        }

        .mainfooter{
            position:fixed;bottom:0px;width:100%;height:20px;background:#00193F;
        }

        .btn-link:hover, .btn-link:focus{
            text-decoration: none;
        }


#devicemanager_datatable_info{
    margin-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    display: none;
}

th input[type=checkbox],td input[type=checkbox]{
width:16px;
height:16px;
}

select {
    border: solid 1px #000;
  
    /*appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;*/

    padding-right: 16px;
    /*background: url(../../img/arrow.png) no-repeat scroll right center transparent !important;*/
}


select::-ms-expand { display: none; }

select option
{
    font-size: 1em;
    padding: 0.2em 0.4em 0.2em 0.4em;
}

.btn-link{
    border: transparent !important;
}

.modal_body_content .input-group .input-group-addon{
    min-width: 100px;
}

.modal_body_content .form-control{
    min-width: 220px;
}

#prj_edit_Modal .modal-dialog,#prj_add_Modal .modal-dialog{
    width: 600px;
}

.list-group-item{
    background: #eee;
}

#jd_type{
    min-width: 95px;
}

#select_count_timespan{
    min-width: 60px;
}

.menu-nav{
    position:absolute;left:350px;top:0px;
}

.active.list-group-item, .active.list-group-item:hover, .active.list-group-item:focus{
    background-color: #2F619F;

}

.active.list-group-item a, .active.list-group-item:hover a, .active.list-group-item:focus a {
    color: #fff;    
}

.modal_body_content h5 label{margin-right:15px;color:#0E4CA9;}

.btn_progressinfo_item,.btn-info[title='去除此项']{
    /*margin-left: 10px;*/
}

#res_table thead th{
    min-width: 100px;
}

#logo>a{
    display: block;
    width: 100%;
    height: 100%;
}